<template>
  <div>
    <div class="big">
      <div class="inner">
        <img src="../../assets/images/notFound.png" />
        <p>页面被神秘力量吸走了（如果您是开源版请联系我们修复）</p>
        <p style="font-size: 18px; line-height: 40px">
          常见问题为当前此角色无当前路由，如果确定要使用本路由，请到角色管理进行分配
        </p>
      </div>
    </div>
  </div>
</template>

<script lang="ts">
export default {
  name: 'Error',
}
</script>

<style lang="scss">
.big {
  width: 100%;
  height: calc(100vh - 220px);
  background-color: rgb(244, 244, 244);
  position: relative;
}

.inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.inner p {
  text-align: center;
  font-size: 24px;
}

.inner .leftPic {
  width: 60px;
  height: 60px;
  margin-left: 44%;
  margin-top: 20px;
}
</style>
